<title>Tentang</title><style>

#badan, .date-outer, #badan:hover, #navigasi:hover {
background: transparent;
padding-bottom: 0;
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border: none;
}



body{
background:#212121;
color:white;
font:15px calibri;
}

#kerangkautama linkadi a {
display: block;
text-decoration: none;
background: #454545;
border-top: 1px solid #555;
border-bottom: 1px solid #232323;
padding: 3px 10px;
border-left: 1px solid #333;
border-right: 1px solid #333;
color: white;
font: 16px calibri, arial, times, consolas;
border-radius: 10px 0 0 10px;
margin-left: 20px;
-webkit-transition:0.8s margin, 1s background;
}
#kerangkautama linkadi a:hover{
margin-left:5px;
background:#358D99;
-webkit-transition:0.2s margin, 0.2s background;
}

#kerangkautama {
width: 500px;
margin: auto;
background: #272727;
padding: 20px;
border: 4px solid #1B1B1B;
box-shadow: 2px 2px 5px black;
}
.kolomkiri{
float:left;
width:154px;
}
.sebuahlink {
width: 155px;
}

.kolomkanan{
float: right;
width: 325px;
border-left: 6px solid #343434;
padding-left: 15px;
text-align: justify;
}

.aboutme{
border-bottom: 1px solid #252525;
padding-bottom: 20px;
}

.penjelasanku{
border-top: 1px solid #434343;
padding-top: 15px;
}

.socmed{
display: block;
background: #005C91;
color: white;
padding: 10px 15px;
margin-bottom: 4px;
margin-top: 10px;
border-radius: 5px 0 0 5px;
font-size: 20px;
font-weight: bolder;
box-shadow: inset 1px 1px 3px black;
}
hzz a{
color: white;
text-decoration: none;
opacity:0.5;
-webkit-transition:0.5s opacity;
}

hzz a:hover{
opacity:1;
-webkit-transition:0.2s opacity;
}
.temansaya{
display: block;
background: #681818;
margin-left: 2px;
margin-top: 60px;
padding: 15px;
font-weight: bolder;
font-size: 17px;
box-shadow: inset 1px 1px 3px black;
}
.tentangsaya{
display: block;
font: 25px calibri;
text-align: center;
margin: 0 0 10px;
border-bottom: 1px dashed #AF6B06;
padding-bottom: 5px;
font-weight: bolder;
}
</style>


<div id='kerangkautama'>
<span class='tentangsaya'>Tentang Saya: </span>

<div class='kolomkiri'>

	<div class='sebuahlink'>
<span class='socmed'>Social Media</span>

<linkadi>
<a href='http://www.facebook.com/tobio.adi' target='_blank'>Facebook</a>
<a href='http://twitter.com/adinugraha_48' target='_blank'>Twitter</a>
<a href='http://astrominion.deviantart.com/' target='_blank'>Deviantart</a>
<a href='https://plus.google.com/u/0/118363194871316101777' target='_blank'>Google+</a>
</linkadi>
	</div>
<hzz>
<span class='temansaya'><a href='http://adi-ny.blogspot.com/'>Kembali</a></span>
</hzz>

</div>
<div class='kolomkanan'>

	<div class='aboutme'>
Langsung saja, Nama saya adalah Adi Nugraha, saya seorang siswa di salahsatu SMK Jawa Barat. Saya sangat menyukai Coding (Kecuali Javascript) dan saya berusaha untuk belajar secara otodidak.
Saya tertarik dengan apa yang saya lihat, saya ingin tau lebih dalam tentang animasi, saya juga seorang Desain Grafis (Junior) dan saya sangat menyukai Musik. Kadang saya membuat sebuah karya lalu saya hapus karya tersebut.
	</div>

	<div class='penjelasanku'>
Ini adalah blog milik saya. Tempat dimana saya menghilangkan sedikit stress, tempat meluapkan inspirasi, imajinasi, dan bisa Berbagi dengan orang lain. Blog ini juga tempat saya meletakkan beberapa karya-karya gambar maupun tulis. Untuk lebih lengkapnya lagi, mungkin anda bisa langsung menghubungi saya lewat Sosial Media disamping kiri diatas.
	</div>



</div>
<div style='clear:both;'></div>

</div>